<?php for($i=0;$i<$indice;$i++):?>

<script>
    
     $(".edit").css({"display":"none"})
      $(".ed").css({"display":"none"})
      $(".editaf").css({"display":"block"})
     $(".frmeditar").css({"display":"none"})
//      $(".ediciones").css({"display":"none"})
    var rut="<?=${'rut_usuario'.$i  }?>";


 $.post("http://localhost/BuscaCurico/index.php/welcome/comparar",{valor:rut}, 
               function(data){
                   
                   if(data.msj=="1"){
                       $(".edit").css({"display":"block"})
                       $(".editaf").css({"display":"block"})
                       $(".ed").css({"display":"block"})
                       $(".ediciones").css({"display":"block"})
                   } else
                       {}
                          
             },'json');
             
//    $(".portada").hide();
    $("#por").click(function(){
        $(".portada").toggle();
       
      
    });
    
    
     $(".linkeliminar").click(function(){
            id = $(this).attr("id");
            $.post("http://localhost/BuscaCurico/index.php/welcome/eli_pro",{valor: id},function(htmlresponse,data){
                        alert("Producto eliminado");
                        
                    });
                    $("#"+id).remove() ;
        });
        
     $(".editaf").click(function(e){
         e.preventDefault
          id = $(this).attr("id");
         $(".frmeditar").html("<input name='foto' type='file' id='foto' /><input type='hidden'  size='20' name='id_producto' value='"+id+"' />"+"<input  type='hidden' size='20' name='rut_empresa' value='"+rut+"'/>"+"<input   type='submit' value='cambiar'/>");
         $(".frmeditar").css({"display":"block"})
     })
       
     $(".input").css({"display":"none"});
 $(".editDesc").click(function(e){
     e.preventDefault
    var texto = $(".desc").text();
     
     $(".input").val(texto);
     $(".input").css({"display":"block"})
     $(".input").css({"left":e.pageX })
    $(".input").css({"top":e.pageY - 50 })
 })
 $(".editHora").click(function(e){
     e.preventDefault
     var texto = $(".hora").text();
     $(".input").val(texto);
     $(".input").css({"display":"block"})
     $(".input").css({"left":e.pageX })
    $(".input").css({"top":e.pageY - 50 })
 })
 $(".editHisto").click(function(e){
     e.preventDefault
      var texto = $(".histo").text();
     $(".input").val(texto);
     $(".input").css({"display":"block"})
     $(".input").css({"left":e.pageX -300})
    $(".input").css({"top":e.pageY - 50 })
 })
 $("#cancelar").click(function(){
      $(".input").css({"display":"none"});
 });

 
</script>
     <script>
        $(document).ready(function(){
            
            
            $("#loaderAjax").hide();
            base_url = '<?=base_url();?>index.php/';
            var btn_firma=$("#addImagen"),interval ;
            new AjaxUpload('#addImagen',{
               action:base_url+'welcome/subir',
                onSubmit:function(file,ext){
                    if(!(ext && /^(jpg|png)$/.test(ext))){
                        alert("solo se permiten imagenes .jpg o .png");
                        return false;
                    }else{
                        $('#loaderAjax').show()
                        btn_firma.text('espere por favor');
                        this.disable();
                        }
                    },
                    onComplete:function(file,response){
                       var obj = jQuery.parseJSON(response);
                      
                        btn_firma.text('cambiar imagen');
                        
                         alert(obj.nombre);
                          
                        if(obj.respuesta=='done'){
                          
                            $(".fotoportada").removeAttr('src');
                            $(".fotoportada").attr('src','imagenes/'+ obj.nombre);
                        }else{
                           
                           
                        }
                        $('#loaderAjax').hide();
                        this.enable();
                    }
                });
                
                 $(".editaf").click(function(e){
         e.preventDefault
          id = $(this).attr("id");
         $(".frmeditar").html("<form action='' method=''><input name='foto' type='file' id='foto' /><input type='hidden'  size='20' name='id_producto' value='"+id+"' />"+"<input  type='hidden' size='20' name='rut_empresa' value='"+rut+"'/>"+"<input   type='submit' value='cambiar'/></form>");
         $(".frmeditar").css({"display":"block"})
     })
//           
                
                
                
                
// $(".edicion").hide();
// $(".productosimg").hover(function(){
//    var variable=$(this).attr("id");
//     
//        $("#"+variable+" .edicion").show();
//     
// },function(){
//     $(".edicion").hide();
// });
// 
// $(".inputaviso").click(function(){
//     $(this).val("");
//     $(".inputaviso").css({"color":"#000000"})
// });
    
			
        });
    </script>
   
           
<div class="perfiles" style="top:50px;height: 90%; width: 100%; position:absolute;display:block; background-color: #ffffff;"  >
    
       
        
        
<div class="input" size="15" style=" position: absolute; z-index: 100;" >
    <textarea class="input" style=" border-radius: 5px;; border: 4px #1384ae solid;" type="text" ></textarea>
   <button>actualizar</button><button id="cancelar">cancelar</button>
</div>
     
<div class="per_iz" style="">
                <div class="fto"  style="background-color: #ffffff;position: relative;height:250px; width: 210px; left:10%; margin-top: 0%; top :7%;box-shadow: 0px 0px 5px #888;" ><img class="fotoportada" style="position: relative; width: 200px; max-height:250px;" src='<?=${"img_corporativa".$i  }?>' /><a class="edit" id="por" href="#"><img src="imagenes/Edit.png" style="position:absolute; left: 90%; bottom:90%;" height="30px" width="30px" /></a></div>
<!--                <form class="edit" class="portada" action="subir.php" method="post" style="position: relative;top:10%" enctype="multipart/form-data">
                    <input class="portada" type="file" name="foto" id="foto" size="40"/>
                    <input  class="portada" type="hidden" size="20" name="rut_empresa" value="<?=${"rut_empresa".$i}?>"/>
                    <input  class="portada" type="submit" value="cambiar"/>
                </form>-->
<div class="portada" style="position: relative;top:8%; left:10%; ">
    <button   id="addImagen">cambiar imagen</button>
       <div  id="loaderAjax" class="loaderAjax">
            <img src="imagenes/ajax-loader.gif"/>
            <spam>publicando</spam>
   </div>
</div>

     
                 <div id="nom_empresa" style=" font-size: 12px; font-weight: bold; position: relative; top:10%; left: 10%;  border-bottom: 1px solid #000 ; padding-top:5%; padding-left: 5%; width: 80%;height: 5%;/*-webkit-box-shadow: inset 0 0 10px #888;*/border-radius: 2px;   "><?=${"nom_empresa".$i  }?></div>
                 <div style=" position: relative; top:12%; left: 10%; /* background-color: #1384ae;*/ border-bottom: 0px solid #000;padding-top:5%; padding-left: 5%; padding-bottom: 5px; width: 80%;min-height: 5%;border-radius: 2px;/*-webkit-box-shadow: inset 0 0 10px #888;*/ "><div style=" font-weight: bold; font-size: 10px;">descrpcion:</div><div class="desc" ><?=${"descripcion".$i  }?></div><a class="editDesc" href="#"><img src="imagenes/Edit.png" style="position:absolute; left: 90%; bottom:60%;" height="30px" width="30px" /></a></div>
                 <div style=" position: relative; top:14%; left: 10%; /* background-color: #1384ae;*/ padding-top:5%; padding-left: 5%; width: 80%;height: 5%; /*-webkit-box-shadow: inset 0 0 10px #888;*/"><div style=" font-weight: bold; font-size: 10px;">horario de atencion:</div><div class="hora"><?=${"horario".$i  }?></div><a class="editHora" href="#"><img src="imagenes/Edit.png" style="position:absolute; left: 90%; bottom:60%;" height="30px" width="30px" /></a></div>
                <div style=" font-weight: bold;font-size: 10px; position: relative; top:16%; left: 10%;  /* background-color: #1384ae;*/ padding-top:5%; padding-left: 5%; width: 80%;height: 5%; /*-webkit-box-shadow: inset 0 0 10px #888;*/">formas de pago:</div>
                <div style=" font-weight: bold;font-size: 10px; position: relative; top:18%; left: 10%; /* background-color: #1384ae;*/ padding-top:5%; padding-left: 5%; width: 80%;height: 5%; ">direccion:</div>
                
</div>
<div class="per_de">
                <div class="textos" style="font-size:12px; top:8%;font-weight: bold;">reseña historica</div>
                <div class="textos" STYLE="top:10%;font-size: 10px;"><div class="histo"><?=${"historia".$i}?></div><a class="editHisto" href="#"><img src="imagenes/Edit.png" style="position:absolute; left: 90%; bottom:90%; background-color: #000000;" height="30px" width="30px" /></a></div>
                <div class="textos" style="top:14%; font-size: 12px;font-weight: bold;">productos</div>
 <div style=" width: auto; max-height:300px; position: relative; top:16%; overflow: auto;">
                    
                    <?php
 $sq2 = mysql_query("SELECT * FROM productos WHERE productos.rut_empresa='".${"rut_empresa".$i}."'");

while ($mostrar = mysql_fetch_array($sq2)){
    $id=$mostrar['id_producto'];
    $imagen = $mostrar['imagen'];
    $rut_e = $mostrar['rut_empresa'];
    echo '<div class="productosimg"  id='.$id.' style="overflow:hidden; position: relative; left: 00%; float: left;margin-top: 1px; margin-left: 1px; top: 20%; height:130px; width: 100px; background-color:  #5C5C5C; border: solid 1px #1384ae; " >
            <div class="ediciones">  <div class="edicion"  style="position:absolute;top:0%;background-color:rgba(0,0,0,.5);width:100%; height:30%;">
             
               <div  class="editaf" id='.$id.'><div id="linkc" style="position:relative;float:left;width:49%; height:95%; font-size:9px; ">
               <div class="cambio" id='.$id.'>cambiar</div>
              </div></div>
                
                    <div  class="linkeliminar" id='.$id.'><div id="linkc" style="position:relative;float:left;width:49%; height:95%; font-size:9px; ">
               <div class="cambio" id='.$id.'>eliminar</div>
              </div></div>
      </a>       
             </div></div>


                    <a class="imgs" href="#">
                    <img class="imgs1" src="'.$imagen.'" style="height:130px; width: 100px;" />
                        </a>
                        
                            
           </div>';
}
 ?>

                
              
               
           
         
 
 
               <?php  endfor; ?>
     <a class="imgs" href="#">
                    <img class="imgs1" src="'.$imagen.'" style="height:130px; width: 100px;" />
                        </a>
     <div class="frmeditar"></div>
    </div>
     
    <div class="textos" style="font-size:12px; position: relative; top: 18%;font-weight: bold;font-size: 10px;">enviame un comentario o sugerencia <br>
      <form style="position: relative;">
          nombre:<input type="text"/><br>
          asunto:<input type="text"/><br>
                    mensaje:<textarea type="text"></textarea><br>
                    <button> enviar</button>
      </form>          
</div>
</div>
    <div class="perfil_derecho" style="margin-top:50px;">
        <div style="font-size:12px; font-weight: bold;"> tus avisos</div>
        <form action="" method="" >
            <textarea rows="5" class="inputaviso" style=" font-family:'arial'; color:  #D0D0D0; width: 95%; margin-left:1%;">escribe aqui tus ofertas o avisos!!!</textarea><br>
            <input type="submit" value="publicar"/>
        </form>
        
    </div>
</div>
